import { NgModule } from "@angular/core";
import { CommonModule } from "@angular/common";
import { HomeComponent } from "./cpt/home/home.component";
import { SliverComponent } from "./cpt/sliver/sliver.component";
import { RouterModule, Routes } from "@angular/router";
import { PanelSymbolComponent } from "./cpt/panel-symbol/panel-symbol.component";
import { L10nModule } from "@/l10n/l10n.module";
import { IconSearchComponent } from "./cpt/icon-search/icon-search.component";
import { PanelTradeComponent } from "./cpt/panel-trade/panel-trade.component";
import { IconStarComponent } from "./cpt/icon-star/icon-star.component";
import { BrowserModule } from "@angular/platform-browser";
import { IconArrowComponent } from "./cpt/icon-arrow/icon-arrow.component";
import { PanelDepthComponent } from "./cpt/panel-depth/panel-depth.component";
import { MatModule } from "@/mat/mat.module";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { PanelActiveComponent } from "./cpt/panel-active/panel-active.component";
import { PanelHistoryComponent } from "./cpt/panel-history/panel-history.component";
import { LoginTipComponent } from "./cpt/login-tip/login-tip.component";
import { NoDataComponent } from "./cpt/no-data/no-data.component";
import { PanelExchangeComponent } from "./cpt/panel-exchange/panel-exchange.component";
import { OrderBuyComponent } from "./cpt/order-buy/order-buy.component";
import { OrderSellComponent } from "./cpt/order-sell/order-sell.component";
import { PanelTvComponent } from "./cpt/panel-tv/panel-tv.component";
import { CoinSelectComponent } from "./cpt/coin-select/coin-select.component";
// import { SelectSearchComponent } from "@/cpts/cpt/select-search/select-search.component";
import { TradeRoutingModule } from "./trade-routing.module";
import { EffectsModule } from "@ngrx/effects";
import { TradeEffects } from "@/trade/store/effects/trade.effects";
import * as fromTrade from "@/trade/store/reducers";
import { StoreModule } from "@ngrx/store";

import { FormsModule, ReactiveFormsModule } from "@angular/forms";

import { TextMaskModule } from "angular2-text-mask";

import { DirectivesModule } from "@/directives/directives.module";

import { PipesModule } from "@/pipes/pipes.module";

import { CptsModule } from "@/cpts/cpts.module";

@NgModule({
  imports: [
    CommonModule,
    DirectivesModule,
    PipesModule,
    FormsModule,
    ReactiveFormsModule,
    L10nModule,
    MatModule,
    TradeRoutingModule,
    TextMaskModule,
    CptsModule
    // StoreModule.forFeature("tradea", fromTrade.reducers)
  ],
  declarations: [
    HomeComponent,
    SliverComponent,
    PanelSymbolComponent,
    IconSearchComponent,
    PanelTradeComponent,
    IconStarComponent,
    IconArrowComponent,
    PanelDepthComponent,
    PanelActiveComponent,
    PanelHistoryComponent,
    LoginTipComponent,
    NoDataComponent,
    PanelExchangeComponent,
    OrderBuyComponent,
    OrderSellComponent,
    PanelTvComponent,
    CoinSelectComponent
  ]
})
export class TradeModule {}
